body {
    font-family: "Helvetica Neue", Helvetica, Microsoft Yahei, Hiragino Sans GB, WenQuanYi Micro Hei, sans-serif;

}
li{list-style: none;margin: 0;padding: 0}
.hwrapper{width:100%;height:40px;background: #f2f2f2;}
.center{  width:1210px;  height: 40px;margin: 0 auto;overflow: hidden}
.center .left{  float: left;  width: 30%;  height: 30px;  }
.center .left span:nth-of-type(1){  padding-right: 10px;  border-right:1px solid #ccc  }
.center .left a{color: #000;text-decoration: none}
.center .right{  float: right;  width: 48%;  height: 30px;  }
.center .right dl{float: left;height:30px}
.center .right dl dt{margin-right: 19px;position: relative}
.center .right dl ul{margin:0;padding:0;width:124px;border:1px solid #ccc;border-top:none;background:#fff;padding-top: 8px;text-align:center;position: absolute;right:367px;top:120px;}
.center .right dl dt i{border-left:1px solid #ccc;margin-left: 20px}
.center .right dl a{color:#000;font-weight: normal;text-decoration: none}
.center .right dl:hover a{color: red}
.center .right dl:nth-of-type(3):hover dt dd{display: block;}

/*mid*/
.mwrapper{width:100%;height:110px}
.mid{  width: 1210px;height:110px;margin: 0 auto;overflow: hidden}
.mid .log{width:350px;float: left}
.mid .ad{padding-top: 10px;padding-right:40px;float: left}
.mid .search{padding-top: 35px;height:110px;width: 300px;  float: left;}
.mid .search ul{margin-left: -40px;margin-top: 5px}
.mid .search ul li{float: left;margin-right: 15px}
.mid .search ul li a{color: #000;text-decoration: none}
.mid .search ul li:hover a{color: red}
.mid .cart {width:300px;height:40px;float: left;margin-left: 64px;margin-top: 35px;line-height: 35px}
.mid .cart .images{float: left}
.mid .cart .carts{width:80px;float:left;margin-left: 15px}
.mid .cart .carts dl{ width: 290px;}
.mid .cart .carts dt {width:100px;height:35px;line-height:26px;border: 1px solid #ccc;position: relative;background: url(../img/share.png) no-repeat -376px -405px}
.mid .cart .carts dt img{position: absolute;left: 10px;top: 2px;}
.mid .cart .carts dt span{position: absolute;left: 42px;top: 2px; }
.mid .cart .carts dt span i{color:red;font-style: normal}
.mid .cart .carts dl{position: relative}
.mid .cart .carts dl dd{display:none;position:absolute;left:-130px;top:34px;width: 230px;text-align:center;border: 1px solid #ccc;background:#fff;padding: 20px 10px 20px 10px;}
.mid .cart .carts dl dd ul {margin: 0px;padding: 0}
.mid .cart .carts dl:hover dd{display: block;}
/*nav*/
.nwrapper{width:100%;height:40px;background:#000;text-align: center}
.nav{width:1210px;margin: 0 auto;overflow: hidden}
.nav ul .current{background:#cf0101}
.nav ul li{float:left;width:90px;height:40px;line-height: 42px}
.nav ul li a{color: #c8a985;text-decoration: none;font-size: 14px}
.nav ul li:hover a{color: #fff}
.nav ul li .pp{margin-left: -40px;background: #fff;}
.nav ul li .pp ul li{background: #999;opacity: 0.5;height: 25px;line-height: 25px}
.nav .pp ul li:nth-of-type(1){padding-top: 5px}
.nav ul li:hover .pp{display:block;}
/*detail*/
.detail{width:1210px;margin: 0 auto;overflow: hidden;margin-top: 15px}
.dleft{width:480px;height:680px;float: left;}
.dleft .imgs{position:absolute;width:480px;height:480px;border: solid 1px #EAEAEA;}
.dleft .imgs img{width:auto;height: 100%;position: absolute;left:0;top:0;right:0;bottom:0;margin: auto}
.dleft .imgs .smallArea{display:none;position: absolute;left:80px;top:0;cursor:crosshair;width:100px;height:100px;border: 3px solid #888;box-shadow: 0px 0px 10px rgba(0,0,0,0.4);background:rgba(200,250,200,0.4);z-index: 10}
.dleft  .bigArea{display:none;overflow:hidden;position: absolute;left:600px; top:300px;z-index:999;width:400px;height:400px;border:1px solid #888;box-shadow: 0px 0px 10px rgba(0,0,0,0.4)}
.dleft  .bigArea img{width:430px;height:602px;position: absolute;left:0;top:0}
.detail .small{position: absolute;top:770px}
.detail .contain{width:480px;height:140px;margin-top: 20px}
.detail .contain ul{margin: 0;padding: 0}
.detail .contain ul li{width:90px;height:88px;float: left;margin-right: 7px;text-align: center;border: solid 1px #EAEAEA}
.detail .contain ul li:nth-child(5){margin-right: 0}
.detail .contain ul li img{width:56px;height:85px}
.dright{width:600px;min-height:720px;float:left;padding-left: 60px;overflow: hidden;overflow-x: hidden}
.dright ul{width:600px;}
.dright ul .first{height:91px;    border-bottom: 1px dotted #bfbfbf;}
.dright ul .first dl dd{line-height: 30px;font-size: 18px;}
.dright ul .first dl dd a{color:#999;text-decoration: none}
.dright ul .first dl dd:nth-child(2) a{color:#000}
.dright ul .first dl dd:nth-child(2):hover a{color: #c8a985;}
.dright ul .first dl dd:nth-child(3){font-size: 12px;color:#999}

.dright ul .second{width:100%;height:63px;position: relative;padding: 10px 0 10px}
.dright ul .second span:nth-child(1){color:#c8a985;font-size: 28px;line-height: 34px}
.dright ul .second span:nth-child(2){line-height: 37px;vertical-align: middle;margin-left:5px;color:#999;font-size: 16px;text-decoration: line-through}
.dright ul .second .red-card{vertical-align: middle;position: relative;display: inline-block;cursor: pointer;}
.dright ul .second .red-card span{display: inline-block;text-align: center;width: 80px;height:20px;line-height: 20px;font-size: 12px;color:#fff;background: #c8a985;border-radius: 10px}
.dright ul .second .qcode{float: right;width:200px;height:30px;position: relative;margin-top: 6px;cursor: pointer}
.dright ul .second .qcode i{display: inline-block;float:left;margin-right:5px;margin-left:-20px;width: 27px;height: 26px;background: url("../img/second_qcode.jpg")no-repeat}
.dright ul .second .qcode img{position: absolute;top:30px;left:-19px;display: none}
.dright ul .second .qcode:hover img{display: block}

.dright ul .third{width:100%;height:81px;border-bottom: 1px dotted #bfbfbf;}
.dright ul .third .fenqi{width:100%;height:40px;}
.dright ul .third span:nth-child(1){display: inline-block;width:90px;padding-left: 10px}
.dright ul .third span:nth-child(2){font-size: 20px;font-weight: bold;color: #c8a985;}
.dright ul .third .date{display: inline-block;padding-right: 20px;}

.dright ul .four{width:100%;height:35px;margin-top: 15px;border-bottom: 1px dotted #bfbfbf;position: relative}
.dright ul .four span:nth-child(1){display: inline-block;width:80px;padding-left: 10px;}
.dright ul .four i{position:absolute;left:145px;top:0;width:20px;height:20px;background: url("../img/why.png")no-repeat;background-size: 100%}

.dright ul .five{width:100%;height:45px;margin-top: 15px}
.dright ul .five span{display: inline-block;padding-left:10px;width:60px;height:40px;line-height: 40px}
.dright ul .five .ITEMS{width:400px;height:45px;float: right}
.dright ul .five .ITEMS .item{width:60px;height:40px;line-height:40px;float:left;text-align: center;border:1px solid #ccc;margin-right: 5px}
.dright ul .five .ITEMS .item a{color:#000;text-decoration: none}
.dright ul .five .ITEMS .item a:hover{color:#c8a985}
.dright ul .five .ITEMS .current{border-color: red}

.dright ul .six{width:100%;height:45px;margin-top: 15px;}
.dright ul .six span{float:left;display: inline-block;margin-right:99px;padding-left:10px;width:60px;height:40px;line-height: 40px}
.dright ul .six .color{width:100px;height:40px;float:left}
.dright ul .six .color .it{width:60px;height:40px;line-height: 40px;text-align: center;border:1px solid red}

.dright ul .seven{width:100%;height:65px;margin-top: 15px;padding-bottom: 20px;border-bottom: 1px dotted #bfbfbf;}
.dright ul .seven span{float:left;display: block;margin-right:124px;padding-left:10px;width:60px;height:40px;line-height: 40px}
.dright ul .seven .num{width:135px;height:45px;float: left;position: relative;}
.dright ul .seven .num a{position:absolute;display:inline-block;width:23px;height:23px;line-height:23px;text-align:center;color:#fff;text-decoration:none;font-size:24px;background: #c8a985}
.dright ul .seven .num input{width:40px;height:23px;line-height:23px;margin-top: 11px;text-align: center}
.dright ul .seven .num a:nth-of-type(1){top:11px;left:-25px}
.dright ul .seven .num a:nth-of-type(2){top:11px;right:70px}
.dright ul .eight{width:100%;height:35px;margin-top: 35px}
.dright ul .eight .buy{float:left;margin-right: 10px}
.dright ul .eight .buy span{display:inline-block;width:118px;height:33px;line-height:33px;font-size:14px;color:#c8a985;border:1px solid #c8a985;text-align: center;}
.dright ul .eight .car{float: left;position: relative}
.dright ul .eight .car span{display:inline-block;width:150px;height:33px;line-height:33px;font-size:14px;color:#fff;padding-left:30px;background: #c8a985;text-align: center}
.dright ul .eight .car i{display:inline-block;width:25px;height:35px;position: absolute;left:25px;background: url("../img/share.png")no-repeat -270px -335px}

.cartgoods{display:none;width:460px;min-height: 300px;position:fixed;top:28%;right:50px;background: #fff;padding:10px 10px 15px 20px;box-shadow: 0 0 4px #999 }
.cartgoods .err{width:100%;height:15px;text-align: right;cursor: pointer}
.cartgoods .err i{display:inline-block;width:13px;height:13px;background: url("../img/share02.png")no-repeat -217px -263px}
.cartgoods .car_txt{width:427px;height:70px;padding-bottom:20px;overflow:hidden;border-bottom: 1px dotted #c9c9c9}
.cartgoods .car_txt i{display: inline-block;float: left;width:30px;height:30px;background: url("../img/share02.png")no-repeat -7px -254px }
.cartgoods .car_txt .cartxt{padding-left: 20px;float: left}
.cartgoods .car_txt .cartxt a{text-decoration: none;color:#d63f3f}




